<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:f="http://java.sun.com/jsf/core"
      xmlns:ui="http://java.sun.com/jsf/facelets"
      xmlns:p="http://primefaces.org/ui">

    <ui:composition template="/plantillas/plantillaPrincipal.xhtml">
        <ui:define name="contenido">
            <f:view>
                <h:form>
                    <p:panel header="#{BKServicio.comando.nombre eq 'Guardar'?'Registrar Servicio':'Actualizar Servicio'}" style="width:70%;margin: 10px auto;">

                        <p:panelGrid style="width:90%;margin: 10px auto;"> 

                            <p:row>
                                <p:column>
                                    <h:outputLabel id="lblCategoriaArticulo" value="CATEGORIA ARTICULO(*): " styleClass="lblForm" />
                                </p:column>
                                <p:column>
                                    <p:selectOneMenu id="cbxCategoriaArticulo" required="true" var="categ" converter="#{categoriaArticuloConverter}"
                                                     value="#{BKServicio.idCategoriaArticuloFormulario}" filter="true" filterMatchMode="contains"> 
                                        <f:selectItem itemLabel="Seleccionar" itemValue="" />  
                                        <f:selectItems value="#{BKServicio.listaCategoriaArticulo}" 
                                                       var="categoria" itemLabel="#{categoria.nombre}"
                                                       itemValue="#{categoria}" />	
                                        <p:column>  
                                            #{categ.nombre}
                                        </p:column>  
                                    </p:selectOneMenu>
                                    <p:message for="cbxCategoriaArticulo" display="text"/>
                                    <h:outputLink value="#{request.contextPath}#{MBCategoriaArticulo.nuevo()}.anx" target="_blank" class="linkAgregar" >Agregar Categoría Articulo</h:outputLink>
                                </p:column>

                            </p:row>

                            <p:row>
                                <p:column>
                                    <h:outputLabel id="lblServicio" value="NOMBRE(*): " styleClass="lblForm" />
                                </p:column>
                                <p:column>
                                    <p:inputText onkeyup="cambiarMayuscula(this)" id="txtServicio" required="true"
                                                 value="#{BKServicio.servicioFormulario.nombre}" />
                                    <p:message for="txtServicio" display="text"/>	
                                </p:column>
                            </p:row>

                            <p:row>
                                <p:column>
                                    <h:outputLabel id="lblCodigo" value="CODIGO(*): " styleClass="lblForm" />
                                </p:column>
                                <p:column>
                                    <p:inputText onkeyup="cambiarMayuscula(this)" id="txtCodigo" required="true"
                                                 value="#{BKServicio.servicioFormulario.codigo}" maxlength="2" size="3" />
                                    <p:message for="txtServicio" display="text"/>	
                                </p:column>
                            </p:row>

                            <p:row>
                                <p:column>
                                    <h:outputLabel id="lblDescripcion" value="DESCRIPCION: " styleClass="lblForm" />
                                </p:column>
                                <p:column>
                                    <p:inputTextarea id="inTxtAreaDescripcionServicio" rows="3" cols="50" 
                                                     value="#{BKServicio.servicioFormulario.descripcion}"/>
                                </p:column>
                            </p:row>
                        </p:panelGrid>


                        <p:panelGrid style="width:40%;margin: 10px auto;">

                            <p:row>
                                <p:column>
                                    <p:commandButton action="#{BKServicio.comando.aceptar()}" ajax="false" 
                                                     value="#{BKServicio.comando.nombre}"/>
                                </p:column>
                                <p:column>
                                    <p:commandButton action="#{MBServicio.cancelar()}" ajax="false" immediate="true" value="Cancelar"/>
                                </p:column>
                            </p:row>	

                        </p:panelGrid>
                        <h:panelGrid styleClass="mensaje_obligatorio">(*) Campos Requeridos</h:panelGrid>
                    </p:panel>	
                </h:form>
            </f:view>
        </ui:define>

    </ui:composition>
</html>